.list-title-simplify{color:#333; font-size:16px; line-height:30px; margin-top:30px; padding-left: 10px}
.list-title{ color:#333; font-size:16px; line-height:30px;font-weight:bolder; margin-top:30px; padding-left:40px; background:url(../images/lxx.png) left no-repeat;}
.list-title span{ color:#666; float:right; font-weight:normal;}
.list-title span i{ margin:0 5px;}
.list{}
@media (min-width:1200px){
.main .list,.main-body .list{
    width: 20%;
}
}
.list .moco-course-wrap:hover{-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.3) !important;-moz-box-shadow:0 5px 20px rgba(0,0,0,0.3) !important;box-shadow:0 5px 20px rgba(0,0,0,0.3) !important}
.list .moco-course-wrap{ padding:0;background-color:#fff;-webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 5px 10px 0 rgba(0,0,0,0.1);box-shadow:0 5px 10px 0 rgba(0,0,0,0.1);position:relative;margin:15px 0;}
.list .moco-course-wrap .l{ left:10px}
.list .moco-course-wrap .r{ right:10px}
.list .moco-course-wrap span{ position:absolute; top:50%;height:18px; line-height:18px; font-size:12px; margin-top:-9px;}
.list .moco-course-wrap span i{ font-size:16px; color:#1080f2; font-style: inherit; padding-right:5px;height:18px; line-height:18px;}
.list .moco-course-wrap .moco-course-new{position:absolute;top:-5px;left:-5px;width:34px;height:18px;background-image:url(../images/icon-new.png);z-index:9}
.list .moco-course-wrap .moco-course-tag{position:absolute;left:-4px;top:4px;z-index:1;font-size:12px;color:#fff;padding:0 6px;height:20px;line-height:20px;background:#00b33b}
.list .moco-course-wrap .moco-course-tag-bg{position:absolute;display:inline-block;left:-4px;top:24px;z-index:1;width:0;height:0;border-top:4px solid #4d555d;border-left:4px solid transparent}
.list .moco-course-wrap .moco-course-box{box-sizing:border-box;overflow:hidden;position:relative;border-radius:4px;}
.list .moco-course-wrap .moco-course-box .moco-course-status{position:absolute;padding-top:3px;padding-left:3px;left:0;top:0;font-size:12px;width:32px;height:32px;box-sizing:border-box;color:#fff;background-image:url(../images/bg-status.png)}
.list .moco-course-wrap .moco-course-box .moco-course-intro{box-sizing:border-box;position:absolute;padding:0 10px;transition:top .5s;top:65%;height:100%;width:100%;background-image:url(../images/bg-course.png); background-size:100% 100%}
.list .moco-course-wrap .moco-course-box .moco-course-intro h3{margin:0;font-size:16px;height:20%;overflow:hidden;color:#333;line-height:300%}
.list .moco-course-wrap .moco-course-box .moco-course-intro h3 i{float:left;margin-top:2px;margin-right:4px;padding:2px;font-style:normal;font-size:12px;color:#fff;line-height:12px;border-radius:1px;background-color:#93999f}
.list .moco-course-wrap .moco-course-box .moco-course-intro h3 b{ background-color:#1080f2; color:#fff; padding:2px;border-radius:4px; margin-right:3px; font-size:13px; font-family:'宋体'}
.list .moco-course-wrap .moco-course-box .moco-course-intro p{color:#93999f;font-size:12px;height:20%;overflow:hidden;line-height:20px; margin:5px}
.list .moco-course-wrap .moco-course-box .moco-course-intro ul { margin-top:5%}
.list .moco-course-wrap .moco-course-box .moco-course-intro ul li{ padding:0 3px; }
.list .moco-course-wrap .moco-course-box .moco-course-intro ul li a{ background-color:#7ecef4;width:100%; float:left; font-size:12px; text-align:center; color:#fff; line-height:24px;border-radius:4px;} 
.list .moco-course-wrap .moco-course-box .moco-course-intro a:hover{ text-decoration:none}
.list .moco-course-wrap .moco-course-box .moco-course-intro ul li a:hover{ text-decoration:none}
.list .moco-course-wrap .moco-course-box .moco-course-bottom{position: absolute; top:85%; bottom:-42px;padding:0 10px;box-sizing:border-box;width:100%;height:15%;background-color:#fff;color:#93999f;font-size:12px;}
.list .moco-course-wrap .moco-course-box:hover .moco-course-intro{top:20%}
.list .word-break{word-break:break-all;word-wrap:break-word}
.list .keep-word{white-space:nowrap;word-break:keep-all}

/*tim start 列表图片-不规则图片宽高控制，无图片控制*/
.list .moco-course-wrap{overflow:hidden;height:195px;}
.list .moco-course-wrap img{max-height: 195px;width: 100%;}
@media (max-width:1200px){
.list .moco-course-wrap{overflow:hidden;height:190px;}
.list .moco-course-wrap img{max-height: 190px;}
}
@media (max-width:992px){
.list .moco-course-wrap{overflow:hidden;height:307px;}
.list .moco-course-wrap img{max-height:307px;}
}
@media (max-width:768px){
.list .moco-course-wrap{overflow:hidden;height:300px;}
.list .moco-course-wrap img{max-height: 300px;}
}
@media (max-width:668px){
.list .moco-course-wrap{overflow:hidden;height:265px;}
.list .moco-course-wrap img{max-height: 265px;}
}
@media (max-width:618px){
.list .moco-course-wrap{overflow:hidden;height:256px;}
.list .moco-course-wrap img{max-height: 256px;}
}
@media (max-width:568px){
.list .moco-course-wrap{overflow:hidden;max-height:220px;}
.list .moco-course-wrap img{max-height: 220px;}
}
@media (max-width:518px){
.list .moco-course-wrap{overflow:hidden;max-height:213px;}
.list .moco-course-wrap img{max-height: 213px;}
}
@media (max-width:468px){
.list .moco-course-wrap{overflow:hidden;max-height:178px;}
.list .moco-course-wrap img{max-height: 178px;}
}
@media (max-width:418px){
.list .moco-course-wrap{overflow:hidden;max-height:160px;}
.list .moco-course-wrap img{max-height: 160px;}
}
@media (max-width:368px){
.list .moco-course-wrap{overflow:hidden;max-height:135px;}
.list .moco-course-wrap img{max-height: 135px;}
}
@media (max-width:318px){
.list .moco-course-wrap{overflow:hidden;max-height:114px;}
.list .moco-course-wrap img{max-height: 114px;}
}
@media (max-width:268px){
.list .moco-course-wrap{overflow:hidden;max-height:92px;}
.list .moco-course-wrap img{max-height: 92px;}
}
@media (max-width:218px){
.list .moco-course-wrap{overflow:hidden;max-height:90px;}
.list .moco-course-wrap img{max-height: 90px;}
}

/*tim end 列表图片-不规则图片宽高控制，无图片控制*/